//登录页面
//获取元素
$('.header > .left').click(function(){
    window.location.href = './index.html'
})
const form = document.querySelector('form')
const nameInp = document.querySelector('.username')
const pwdInp = document.querySelector('.password')
const errBox = document.querySelector('.error')
// 创建表单提交事件
form.addEventListener('submit',e=>{
    e.preventDefault()
    //采集信息
    const name = nameInp.value
    const pwd = pwdInp.value
    // 前端验证
    //非空
    if(!name || !pwd) return alert('请填写完整表单')
    //发送请求
    const xhr = new XMLHttpRequest()
    xhr.open('POST','http://localhost:8888/users/login')
    xhr.onload = function(){
        const res = JSON.parse(xhr.responseText)
        //判断
        if(res.code === 0){
            errBox.style.display = 'block'
            return
    }
    // 为了其他页面可以知道登录成功过, 需要向 localStorage 内保存一个信息
    // 为了证明当前登录的是哪一个用户
    window.localStorage.setItem('id',res.user.id)
    // 为证证明当前用户登录过的凭证(为了给服务器看的)
    window.localStorage.setItem('token',res.user.token)
    window.location.href = './index.html'
}
xhr.setRequestHeader('content-type','application/x-www-form-urlencoded')
xhr.send(`username=${ name }&password=${ pwd }`)
})